<!-- banner文字描述组件 -->
<template>
  <div class="banner-text">
    <div class="h-text">{{ title }}</div>
    <div class="f-text" v-html="content"></div>
  </div>
</template>
<script lang="ts" setup>
  export interface contentType {
    content?: string //描述
    title?: string //标题
  }

  withDefaults(defineProps<contentType>(), {
    title: '课程广场',
    content: '为高校师生提供100+课时的人工智能系列课程助力学生实践就业'
  })
</script>
<style lang="less" scoped>
  .banner-text {
    margin-left: 64px;
    width: 315px;

    .h-text {
      font-size: 36px;
      color: @textSecondary02;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 0.72px;
    }

    .f-text {
      margin-top: 24px;
      font-size: 16px;
      font-family: 'Alibaba PuHuiTi' 3;
      color: @text02;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
  }
</style>
